Change Appearance With UserChrome

You can use the hacks below to change the appearance of Firefox simply by creating a UserChrome file and saving to it the Firefox directory. This file does not exists by default, so you will need to create it yourself. Simply follow these steps to create the file:

 1. Open a Notepad or Wordpad window
 2. Copy all the hacks you want to use from below into Notepad
    or wordpad (be sure to add an extra line between each hack)
 3. Now save the file as 'UserChrome.css' into the appropriate
    folder for your operating system:
     Windows 95/98/ME
     C:\Windows\Application Data\Phoenix\Profiles\[profile-name]\
     [#s].slt\chrome\
     Windows 2000/XP/7
     C:\Documents and Settings\[USER]\Application Data\Mozilla\
     Firefox\Profiles\default.tea\chrome\
 4. If any of the folders listed for your operating system do
    not exist, you can simply create that folder inside the
    previous folder
 5. Close any Firefox windows that may be open then restart
    Firefox to apply the changes
 6. If you do not like the way a certain hack looks, simply
    delete its text from the UserChrome file and restart
    Firefox for the changes to apply

Remove Bookmark Toolbar folder from Bookmark window
menu[label="Bookmarks Toolbar Folder"] { display: none !important; }

Add a Keyword when adding a Bookmark
#keywordRow { display: -moz-grid-line !important; }

Remove the Close botton on the Tab Bar and Sidebar
.tabs-closebutton { display: none !important; }

Remove the Stop button when there's nothing to stop
#stop-button[disabled="true"] { display: none; }

Remove the Back button when there's nothing to go back to
#back-button[disabled="true"] { display: none; }

Remove Forward button when there's nothing to go forward to
#forward-button[disabled="true"] { display: none; }

Make the active Tab text not bold
tab[selected="true"] { font-weight: normal !important; }

Remove the seperators between the Toolbars
#toolbar-menubar { min-height: 12px !important; padding: 0px !important; margin: 0px !important; border: none !important; } #nav-bar { border: none !important; padding: 0px !important; } #PersonalToolbar { border: none !important; } #navigator-toolbox { border-bottom-width: 0px !important; }

Move the Sidebar to the bottom of the window
#browser {-moz-box-orient: vertical; -moz-box-direction: reverse} #sidebar-box {-moz-box-orient: horizontal; -moz-box-direction: reverse} #appcontent {-moz-box-orient: horizontal} #sidebar {max-width: inherit !important; min-height: inherit !important} #sidebar-box > sidebarheader { -moz-box-orient: vertical; -moz-box-direction: reverse; -moz-box-pack: end; border-left: 1px solid ThreeDHighlight; margin-left: 1px; } #sidebar-box .tabs-closebutton > .toolbarbutton-icon { padding: 4px 2px !important } #sidebar-title {display: none} #sidebar-throbber {margin-left: 4px}

Remove extra padding on from the Navigation bar
.toolbarbutton-1, .toolbarbutton-menubutton-button { padding: 2px 3px !important; } .toolbarbutton-1[checked="true"], .toolbarbutton-1[open="true"], .toolbarbutton-menubutton-button[checked="true"], .toolbarbutton-menubutton-button[open="true"] { padding: 4px 1px 1px 4px !important; }

Remove white line under unfocused Tab
tab{ -moz-appearance: none !important; border-bottom: none !important; }

Remove The Go button
#go-button { display: none !important; }

Hide Read Mail from the Tools menu
menuitem[label="Read Mail (0 new)"] { display: none; } menuitem[label="Read Mail (0 new)"] + menuseparator { display: none; } menuitem[label="New Message..."] { display: none; } menuitem[label="New Message..."] + menuseparator { display: none; }

Remove Web Search from the Tools menu
menuitem[label="Web Search"] { display: none; } menuitem[label="Web Search"] + menuseparator { display: none; }

Slightly rounded Address and Search Bar corners
#urlbar { -moz-appearance: none !important; -moz-border-radius: 3px !important; padding-right: 1px !important; }

Remove Forward and Back button dropdown arrows
#back-button .toolbarbutton-menubutton-dropmarker, #forward-button .toolbarbutton-menubutton-dropmarker { display: none !important; }

Rollover Searchbar
#search-container { margin: 0 1px 0 0 !important; padding: 0 0 0 5px!important; } #search-container .searchbar-textbox, #search-container .textbox-input-box { margin: 0 !important; padding: 0 !important; } #search-container .searchbar-dropmarker { margin: 1px 0 0 1px !important; padding: 0 !important; } #search-container * { width: auto !important; } #search-container .textbox-input-box { width: 0 !important; } #search-container:hover .textbox-input-box { /* width: auto !important; */ width: 200px !important; padding: 0 0 0 5px !important; } #search-container .searchbar-textbox { -moz-appearance: none !important; border: 0 !important; background-color: -moz-dialog !important; } #search-container:hover .searchbar-textbox { -moz-appearance: textfield !important; -moz-border-radius: 5px !important; background-color: -moz-field !important; }

Use Windows Classic style menus
menupopup, popup { border: 2px solid !important; -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; padding: 1px !important; } menubar > menu[disabled="true"] { border: 1px solid transparent !important; } menubar > menu[_moz-menuactive="true"] { border-top: 1px solid ThreeDHighlight !important; border-right: 1px solid ThreeDShadow !important; border-bottom: 1px solid ThreeDShadow !important; border-left: 1px solid ThreeDHighlight !important; background-color: transparent !important; color: MenuText !important; } menubar > menu[_moz-menuactive="true"][open="true"] { border-top: 1px solid ThreeDShadow !important; border-right: 1px solid ThreeDHighlight !important; border-bottom: 1px solid ThreeDHighlight !important; border-left: 1px solid ThreeDShadow !important; }